.waves-effect { 
    position: relative; 
    cursor: pointer; 
    overflow: hidden; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-tap-highlight-color: transparent; 
    vertical-align: middle; 
    z-index: 1; 
    will-change: opacity, transform; 
    /*transition: all .05s ease-out*/ 
} 

.waves-effect .waves-ripple { 
    position: absolute; 
    border-radius: 50%; 
    width: 20px; 
    height: 20px; 
    margin-top: -10px; 
    margin-left: -10px; 
    opacity: 0; 
    background-color: rgba(255, 255, 255, .3); 
    transition: all 0.7s ease-out; 
    transition-property: transform, opacity, -webkit-transform; 
    -webkit-transform: scale(0); 
    transform: scale(0); 
    pointer-events: none 
} 
 
.waves-effect.waves-black .waves-ripple { 
    background: rgba(0,0,0,0.2); 
} 
 
.waves-effect.waves-red .waves-ripple { 
    background-color: rgba(244,67,54,0.7) 
} 
 
.waves-effect.waves-yellow .waves-ripple { 
    background-color: rgba(255,235,59,0.2) 
} 
 
.waves-effect.waves-orange .waves-ripple { 
    background-color: rgba(255,152,0,0.7) 
} 
 
.waves-effect.waves-purple .waves-ripple { 
    background-color: rgba(156,39,176,0.7) 
} 
 
.waves-effect.waves-green .waves-ripple { 
    background-color: rgba(76,175,80,0.7) 
} 
 
.waves-effect.waves-teal .waves-ripple { 
    background-color: rgba(0,150,136,0.7) 
} 
 
.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"] { 
    border: 0; 
    font-style: normal; 
    font-size: inherit; 
    text-transform: inherit; 
    background: none 
} 
 
.waves-notransition { 
    transition: none !important 
} 
 
.waves-circle { 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0); 
} 
 
.waves-input-wrapper { 
    border-radius: 0.2em; 
    vertical-align: bottom 
} 
 
.waves-input-wrapper .waves-button-input { 
    position: relative; 
    top: 0; 
    left: 0; 
    z-index: 1 
} 
 
.waves-circle { 
    text-align: center; 
    width: 2.5em; 
    height: 2.5em; 
    line-height: 2.5em; 
    border-radius: 50%; 
    /* -webkit-mask-image: none  */
} 
 
.waves-block { 
    display: block 
} 
 
a.waves-effect .waves-ripple { 
    z-index: -1 
}